@media only screen and (max-width: 800px) {

    /* Force table to not be like tables anymore */
    #FormContainerTable1 {
        border: none;
    }

        #FormContainerTable1 thead,
        #FormContainerTable1 tbody,
        #FormContainerTable1 th,
        #FormContainerTable1 td,
        #FormContainerTable1 tr {
            display: block;
        }

            /* Hide table headers (but not display: none;, for accessibility) */
            #FormContainerTable1 thead tr {
                position: absolute;
                top: -9999px;
                left: -9999px;
            }

        #FormContainerTable1 tr {
            border: 1px solid #a6c9e2;
            box-shadow: 1px 0 0 0 #e6eff7;
            margin-bottom: 10px;
            margin-top: 10px;
        }

        #FormContainerTable1 td {
            /* Behave  like a "row" */
            border: none;
            border-bottom: 1px solid #eee;
            position: relative;
            padding-left: 37%;
            white-space: normal;
            text-align: left !important;
            min-height:32px;
            width: 100% !important;
        }

            #FormContainerTable1 td:before {
                /* Now like a table header */
                position: absolute;
                /* Top/left values mimic padding */
                top: 6px;
                left: 6px;
                /*width: 35%;*/
                padding-right: 10px;
                white-space: nowrap;
                text-align: left;
                font-weight: normal;
                color:#002469;
            }

            /*
	Label the data
	*/
            #FormContainerTable1 td:before {
                content: attr(data-rt-label);
            }

            .ui-dialog {
                width:100% !important;
            }
}
